/* 
Document   : tabs
Created on : May 11, 2008, 19:14:35 PM
Author     : Tom Hayden
Description:
Purpose of the stylesheet follows.
*/

/* 
Origem: http://labs.silverorange.com/images/tabsupdate/index.html
*/

#tabMain {
    border: 1px solid #666;
    clear: both;
    background: #ACBECE;
    padding-top: 2em;
    width: 778px;
}

#tabContents {
    padding: 1.5em;
    background: #FFFDF3;
    min-height: 300px;
}

#tabHeader {
    position: relative;
    height: 3em;
    width: 778px;
}

#tabHeader ul#tabPrimary {
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: -1px;
    width: 750px; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#tabHeader ul#tabPrimary li  {
    display: inline;
    list-style: none;
}

#tabHeader ul#tabPrimary a,#tabHeader ul#tabPrimary span,#tabHeader ul#tabPrimary a.current {
    width: auto;
    display: block;
    float: left;
    padding: 4px 4px;
    margin: 1px 2px 0 0;
    text-align: center;
    font-family: tahoma, verdana, sans-serif;
    font-size: 85%;
    text-decoration: none;
    color: #333;
}

#tabHeader ul#tabPrimary span,#tabHeader ul#tabPrimary a.current,#tabHeader ul#tabPrimary a.current:hover {
    border: 1px solid #666;
    border-bottom: none;
    background: #ACBECE;
    padding-bottom: 6px;
    margin-top: 0;
}

#tabHeader ul#tabPrimary a {
    background: #EEF2F5;
    border: 1px solid #AAA;
    border-bottom: none;
}

#tabHeader ul#tabPrimary a:hover {
    margin-top: 0;
    border-color: #666;
    background: #E9EFF8;
    padding-bottom: 5px;
}

#tabHeader ul#tabSecondary {
    position: absolute;
    margin: 0;
    padding: 0;
    bottom: -1.4em;
    left: 1px;
    width: 50em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#tabHeader ul#tabSecondary li a,#tabHeader ul#tabSecondary li span {
    width: auto;
    display: block;
    float: left;
    padding: 0 10px;
    margin: 0;
    text-align: auto;
    border: none;
    border-right: 1px dotted #AAA;
    background: none;
    
}

#tabHeader ul#tabSecondary li a {
    color: #06C;
    text-decoration: underline;
}

#tabHeader ul#tabSecondary li a:hover {
    color: #333;
    background: transparent;
    padding: 0 10px;
    border: none;
    border-right: 1px dotted #AAA;
}

#tabHeader ul#tabSecondary li a:active {
    color: #000;
    background: transparent;
}

#tabHeader ul#tabSecondary li:last-child a { border: none; }

p.note {
    background: #EEE;
    padding: 4px;
    font-family: tahoma;
    font-size: 85%;
    line-height: 130%;
    margin-top: 0;
}